<template>
  <div>
    <tab-bar-top :top-bar-text="topBarText"></tab-bar-top>
    <div class="coupon-container">
      <big-coupon></big-coupon>
      <big-coupon></big-coupon>
      <big-coupon></big-coupon>
    </div>
  </div>
</template>

<script>
import TabBarTop from '@/components/TabBarTop'
import BigCoupon from '@/components/BigCoupon'
export default {
  components: {
    TabBarTop,
    BigCoupon
  },
  data () {
    return {
      topBarText: ['全部', '待领取', '待使用', '已使用', '已过期']
    }
  }
}
</script>

<style lang="stylus" scoped>
.coupon-container
  margin .20rem
</style>
